import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import {Loading} from 'element-ui'

Vue.config.productionTip = false;

import ele from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
Vue.use(ele);

import axios from 'axios'
Vue.prototype.$http = axios


import "./assets/css/1.css";

import "@/assets/font/iconfont.css"

let cui;
// 添加请求拦截器
axios.interceptors.request.use((config) =>{
  // 显示加载框
 cui= Loading.service({
    fullscreen:true,
    text:'不要催，马上就好',
    background:'rgba(0,0,0,.5)'
  })
  setTimeout(() => {
    cui.close();
  }, 1000);
  // 在发送请求之前做些什么
  const token = localStorage.getItem('token')
  config.headers.Authorization=token
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
})

// 添加响应拦截器
axios.interceptors.response.use( (response) =>{
  // 关闭loading
  cui.close()
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response;
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  console.log(error)
  return Promise.reject(error);
});

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
